/* CSS Document */
body,p,td,th,ul,li{color: #666666; font-family: Tahoma; font-size: 12px; line-height: 15px; padding: 0; margin:0;}
form {margin: 0px;}
.clearspace {clear:both; height:0px; padding:0px; margin:0px; width:0px;}
.clearleft {clear:left;}

a { color: #d40e01; text-decoration: none; }
a:link {color: #d40e01; text-decoration: none;}
a:visited {color: #d40e01; text-decoration: none;}
a:hover {color: #d40e01; text-decoration: underline;}
a:active {color: #d40e01;text-decoration: none;}

a.cart:link {color: #333; text-decoration: none;}
a.cart:visited {color: #333; text-decoration: none;}
a.cart:hover {color: #333; text-decoration: underline;}
a.cart:active {color: #333;text-decoration: none;}

.lfloat {float: left;}
.rfloat {float: right;}
.magbttm10 {margin-bottom: 10px;}

select,input,textarea {font-family: Tahoma; color: #B2B2B2;}

.base_container {width: 950px; margin: auto; position: relative;}
.top_container {position: relative; height: 62px;}
.side_container {width: 230px; float:left;}
.page_container {width: 700px; float: left; margin-left: 20px; min-height: 600px;}

.top_logo {position: absolute; top: 7px; left: 10px;}
.top_login {position: absolute;	left: 365px; top: 0px; width: 370px; height: 53px; background: url(../images/bg_login.jpg) no-repeat;}
.top_login span {margin: 8px 65px 0 45px; display: block; font-size: 11px;}
.top_login i {font-style: normal; color: #054d80;}
.top_login b {color: #1D1D1D;}

.top_login_exist {position: absolute;	left: 365px; top: 0px; width: 370px; height: 53px; background: url(../images/bg_login_2.jpg) no-repeat;}
.top_login_exist span {margin: 8px 65px 0 45px; display: block; font-size: 11px;}
.top_login_exist i {font-style: normal; color: #054d80;}
.top_login_exist b {color: #1D1D1D;}

.top_user {border-style: none; background-color: #fbfbfb; height: 13px; font-size: 11px; width: 140px; position: absolute; left: 24px; top: 28px;}
.top_pw {border-style: none; background-color: #fbfbfb; height: 13px; font-size: 11px; width: 120px; position: absolute; left: 176px; top: 28px;}
.pro_l1 img {position: absolute; top: 10px; left: 308px;}
.pro_l2 img {position: absolute; top: 26px; left: 309px;}
.pro_l2_button {position: absolute; top: 26px; left: 309px;}
.top_menu1 {text-align: right; position: absolute; top: 18px; left: 737px; width: 210px; height: 20px;}
.top_menu2 {text-align: right; position: absolute; top: 38px; left: 738px; width: 210px; height: 20px;}

.txt_top {font-size: 12px;}
.txt_top a {color: #666666; text-decoration: none; }
.txt_top a:link {color: #666666; text-decoration: none;}
.txt_top a:visited {color: #666666; text-decoration: none;}
.txt_top a:hover {color: #666666; text-decoration: underline;}
.txt_top a:active {color: #666666;text-decoration: none;}

.head_menu {background: url(../images/bg_head_menu.gif); height: 40px; position: relative; text-align: left; margin-bottom: 10px;}

.q_search {background: url(../images/bg_search.gif); height: 40px; width: 187px; position: absolute; top: 0px; left: 763px;}
.q_search input {border-style: none; background-color: #F7F7F7; height: 16px; font-size: 11px; width: 135px; position: absolute; left: 19px; top: 12px;}
.q_search img {position: absolute; top: 14px; left: 157px; border: 0px;}


.side_menu a{background: url(../images/symbol_dot1.gif) no-repeat left; background-position: 1px 11px; display: block; line-height: 16px; margin: 0px 10px; padding: 6px 0px; color: #666666; padding-left: 18px; border-bottom: #e5e5e5 solid 1px;}
.side_menu a:link {text-decoration: none;}
.side_menu a:visited {text-decoration: none;}
.side_menu a:hover {background: url(../images/symbol_dot2.gif) no-repeat left; background-position: 1px 11px; color: #000000; text-decoration: none;}
.side_menu a:active {text-decoration: none;}
.side_menu a b{color: #ed1c24;}
.showall{background: url(../images/symbol_dot1.gif) no-repeat left; background-position: 1px 11px; display: block; line-height: 16px; margin: 0px 10px; padding: 6px 0px; color: #666666; padding-left: 18px; border-bottom: #e5e5e5 solid 1px;}

.q_newsletter {background: url(../images/ban_newsletter.jpg); height: 96px; width: 230px; position: relative;}
.q_newsletter input {border-style: none; background-color: #fbfbfb;	height: 15px; font-size: 12px; width: 180px; position: absolute; left: 20px; top: 44px;}
.q_newsletter img {position: absolute; top: 66px; left: 149px; border: 0px;}

.box_promotion {background: url(../images/bg_promotions.gif) top repeat-x #f9f9f9; padding: 10px 20px; border: #e5e5e5 solid 1px; height: 155px; font-size: 11px; position: relative; margin-bottom: 10px;}
.arrow_back {display: block; position: absolute; top: 25px; padding: 50px 0px; border: none; left: 4px;}
.arrow_next {display: block; position: absolute; top: 25px; padding: 50px 0px; border: none; left: 678px;}

.arrow_back_hot {display: block; position: absolute; top: 65px; padding: 50px 0px; border: none; left: 4px;}
.arrow_next_hot {display: block; position: absolute; top: 65px; padding: 50px 0px; border: none; left: 678px;}

.box_new {background: url(../images/bg_new.gif) top repeat-x #f9f9f9; padding: 10px 20px; border: #e5e5e5 solid 1px; height: 160px; font-size: 11px; position: relative; margin-bottom: 0px;}
.arrow_new_back {display: block; position: absolute; top: 35px; padding: 50px 0px; border: none; left: 4px;}
.arrow_new_next {display: block; position: absolute; top: 35px; padding: 50px 0px; border: none; left: 674px;}
.list_new a {display: block; width: 155px; height: 155px; background-color: #FFFFFF; border: #e5e5e5 solid 1px; margin: 0 3px; float: left;}
.list_new a img {padding: 5px 26px; border: 0px; width:100px; height:100px;}
.list_new a span {padding: 0 10px; display: block; text-align: center; color: #808080;}
.list_new a span .title { height:28px; overflow:hidden;}
.list_new a b {color: #ed1c24; font-size: 12px; font-weight: bold; margin-right: 5px;}
.list_new a i {color: #444444; font-size: 10px; text-decoration: line-through; font-style: normal;}
.list_new a:hover {text-decoration: none;}
.list_new a:hover span{color: #000000; text-decoration: none;}

.list_promotion a {display: block; width: 152px; height: 150px; background-color: #FFFFFF; border: #e5e5e5 solid 1px; margin: 0 5px; float: left;}
.list_promotion a img {padding: 5px 26px; border: 0px; width:100px; height:100px;}
.list_promotion a span {padding: 0 10px; display: block; text-align: center; color: #808080;}
.list_promotion a span .title { height:28px; overflow:hidden;}
.list_promotion a b {color: #ed1c24; font-size: 12px; font-weight: bold; margin-right: 5px;}
.list_promotion a i {color: #444444; font-size: 10px; text-decoration: line-through; font-style: normal;}
.list_promotion a:hover {text-decoration: none;}
.list_promotion a:hover span{color: #000000; text-decoration: none;}

.box_product {margin-bottom: 10px; display: block; margin-left: -15px;}
/*
.list_product div {position: relative; display: block; width: 222px; height: 310px; background-color: #FFFFFF; padding-left: 15px; float: left;}
.list_product div span {padding: 5px 5px 5px 5px; display: block; text-align: left; color: #666666; height: 30px; overflow: hidden; font-weight: bold;}
.list_product div b {color: #1D1D1D; font-size: 16px; font-weight: bold; position: absolute; top: 267px; left: 20px;}
.list_product div i {color: #808080; font-size: 12px; font-style: normal; font-weight: normal;}
.list_product div h1 {display: block; background: url(../images/button_addtocart.gif); width: 105px; height: 22px; position: absolute; top: 247px; left: 124px;}
.list_product div:hover {text-decoration: none;}
.list_product div:hover span{color: #000000; text-decoration: none;}
.list_product div img {border: #E7E7E7 solid 1px; width: 220px; height: 220px; background: #FFFFFF;}*/
/*.list_product h1 {display: block; background: url(../images/button_addtocart.gif); width: 105px; height: 22px; position: absolute; top: 247px; left: 124px;}*/

.list_product div {position: relative; display: block; width: 156px; height: 225px; background-color: #FFFFFF; padding-left: 22px; float: left;}
.list_product div span {padding: 5px 5px 5px 5px; display: block; text-align: left; color: #666666; height: 28px; overflow: hidden; font-weight: 100; font-size:11px;}
.list_product div b {color: #1D1D1D; font-size: 12px; font-weight: bold; position: absolute; top: 184px; left: 23px;}
.list_product div i {color: #808080; font-size: 12px; font-style: normal; font-weight: normal;}
.list_product div h1 {display: block; background: url(../images/button_addtocart.gif); width: 72px; height: 20px; position: absolute; top: 165px; left: 104px;}
.list_product div:hover {text-decoration: none;}
.list_product div:hover span{color: #000000; text-decoration: none;}
.list_product div img {border: #E7E7E7 solid 1px; width: 120px; height: 120px; background: #FFFFFF; padding:10px;}


.list_best a {display: block; width: 153px; height: 150px; background-color: #FFFFFF; margin: 5px 7px; float: left;}
.list_best a img {padding: 5px 26px; border: 0px; width:100px; height:100px;}
.list_best a span {padding: 0 10px; display: block; text-align: center; color: #808080;}
.list_best a b {color: #000000; font-size: 12px; font-weight: bold;}
.list_best a:hover {text-decoration: none;}
.list_best a:hover span{color: #000000; text-decoration: none;}

.product_container {height: 360px; position: relative; margin-bottom: 20px;}
.product_detail {float: left; width: 320px; position: relative;}
.product_detail b {color: #ed1c24; font-size: 18px; line-height: 22px; font-weight: normal;}
.product_detail span {font-size: 14px;}


.product_price {position: relative; height: 48px; line-height: 40px;}
.product_price i {color: #f66d09; font-size: 24px; font-style: normal; text-align: left;}

.product_price span {width: 50px; text-align: right; display: block;top: 0px; left: 200px;}
.product_price span b {line-height: 40px; font-size: 11px; color: #444444;}
.product_price a img {margin-bottom: -8px;}
.product_photo {width: 360px; height: 360px; float: left; padding-right: 20px;}

.product_zoom {position: absolute; left: 330px; top: 5px;}
.product_list {height: 90px;}
.product_list a img{border: #dedede solid 1px; margin-right: 10px; float: left;}
.product_list img{border: #dedede solid 1px; margin-right: 10px; float: left;}
.product_list a:hover img{border: #cccccc solid 1px;}
.detail_content {background:url(images/bg_page.gif)  repeat; padding:0px; margin-bottom: 10px;}
.detail_content b {color: #1d1d1d;}
.q_qty {height: 60px;}
.q_qty span {line-height: 60px;}
.q_qty input {width: 40px; margin: 0 5px; color: #1d1d1d; text-align: center;}
.q_qty a img {margin-bottom: -7px;}

.box_related {height: 165px; font-size: 11px; position: relative; margin-bottom: 10px; padding-top: 2px; margin-left: -8px;}
.list_related a {display: block; width: 130px; height: 160px; background-color: #FFFFFF; border: #e5e5e5 solid 1px; margin-left: 8px; float: left; text-align:center;}
.list_related a img {padding: 4px 4px 2px 4px; border: 0px; height:120px;}
.list_related a span {padding: 0 10px; display: block; text-align: center; color: #808080;}
.list_related a b {color: #ed1c24; font-size: 12px; font-weight: bold; margin-right: 5px;}
.list_related a i {color: #444444; font-size: 10px; text-decoration: line-through; font-style: normal;}
.list_related a:hover {text-decoration: none;}
.list_related a:hover span{color: #000000; text-decoration: none;}

.foot_copyright {background: #e12734; line-height: 28px; color: #FFFFFF; text-align: right; padding-right: 10px; margin-top: 10px; font-size:11px;}
.foot_menu {font-size: 14px; color: #000000; line-height:30px; padding-bottom: 40px; text-align: right;}
.foot_menu a {color: #000000; text-decoration: none; padding: 10px;}
.foot_menu a:link {color: #000000; text-decoration: none;}
.foot_menu a:visited {color: #000000; text-decoration: none;}
.foot_menu a:hover {color: #000000; text-decoration: none;}
.foot_menu a:active {color: #000000; text-decoration: none;}

.txt10 {font-size: 10px;}
.txt11 {font-size: 11px;}
.txt13 {font-size: 13px;}
.txt14 {font-size: 14px;}
.txt16 {font-size: 16px;}

.txtBlack {color: #000000;}
.txtBlack1D {color: #1D1D1D;}
.txtGray66 {color: #666666;}
.txtGray99 {color: #999999;}
.txtBlue {color: #d40e01;}
.txtWhite {color: #FFFFFF;}
.txtOrange {color: #f14c1f;}
.txtRed {color: #ea0000;}

.boxNews { padding:0px;}

/* page navigation */
		.page-navigation{
	font-family: "Trebuchet MS", "Segoe UI", trebuchet, helvetica, arial, geneva, sans-serif;
	color:#424242; text-align:right;
	font-size: 90%; /* Resets 1em to 12px */


			display:block; float:none; clear:both; overflow:hidden;
			margin:0; padding:0.5em 0;
		}
			.page-navigation a, .page-navigation a:visited, .page-navigation span {color:#ff3100;padding:0 4px; text-decoration:none;}
			.page-navigation a:hover {text-decoration:underline;}
			
			.page-navigation a.previous, .page-navigation a.previous:visited, .page-navigation span.previous{
				padding:0 4px 0 16px;
			}
			.page-navigation a.next, .page-navigation a.next:visited, .page-navigation span.next{
				padding:0 16px 0 4px;
			}
			

#tbCart
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 13px;
	background: #fff;
	margin:0;
	margin-left:0;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}
#tbCart th
{
	font-size: 10px;
	font-weight:700;
	color:#999;
	padding:10px 10px 0 10px;
	border-bottom: 2px solid #999;
	border-top: 0px solid #999;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
	text-align: left;
}
#tbCart td
{
	color:#595959;
	height:25px;
	padding:10px 10px;
	border-top: 0px solid #ccc;
	border-bottom: 1px dotted #ccc;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
}
.tdcart{
	color:#595959;
	height:25px;
	padding:10px 10px;
	border-top: 0px solid #ccc;
	border-bottom: 1px dotted #ccc;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
}
#tbCart tbody tr:hover td
{
	
}

.subtotal { font-size:14px; font-weight:700; text-align:right; letter-spacing:2px; color:#C00;}

#contact p { line-height:30px; font-size:14px;}
#contact span { padding-top:20px; display:block; color:#C00;}

#payment p { line-height:30px; font-size:14px;}
#payment .bank { display:block; padding-left:60px;}
#payment label { display:block; padding-left:30px;}
#payment li { line-height:18px; margin-bottom:10px; font-size:13px;}

#shipping p { line-height:30px; font-size:14px;}
#shipping span { padding-top:15px; display:block; font-size:14px;}

.boxNews {}
.boxNews .month { padding-bottom:5px; border-bottom:1px solid #CCC; margin-bottom:10px; font-size:12px; font-weight:700;}
.boxNews .img { float:left; margin-right:10px; margin-bottom:10px;}
.boxNews .desc { float:left; width:560px;}
.boxNews .desc span { margin-bottom:5px; display:block;}
.boxNews .desc p a { font-size:14px;}
.boxNews .desc p { font-size:13px;}

.status {
    color:crimson;
    font-family: arial,helvetica,sans-serif;
    font-size:14px;

}
#tbForm
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 13px;
	background: #fff;
	margin:0;
	margin-left:0;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}
#tbForm th
{
	font-size: 14px;
	font-weight:700;
	color:#666;
	padding:10px 10px 0 10px;
	border-bottom: 1px solid #999;
	border-top: 0px solid #999;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
	text-align: left;
	width:200px;
	height:35px;
}
#tbForm td
{
	color:#333;
	height:25px;
	padding:10px 10px 0 10px;
	border-top: 0px solid #ccc;
	border-bottom: 0px dotted #ccc;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
}
#tbForm tbody tr:hover td
{

}

select,input,textarea {font-family: Tahoma; color: #666;} 

#term { font-size:14px;}
#term ol { margin:0; padding-top:5px;}
#term ol li { font-size:14px; list-style:none; line-height:20px;}
#term ol li a { color:#333;}
#term ul { margin-bottom:10px;}
#term ul li { font-size:14px; line-height:20px; margin-left:15px;}
#term h2 { font-size:16px; color:#C00;}
#term h3 { font-weight:700; color:#06C;}
#term p { line-height:22px; font-size:14px; margin-bottom:10px; text-indent:20px;}
#term span { padding-top:15px; display:block;}
#term .totop { text-align:right; cursor:pointer; color:#C00;}
#term .totop a { color:#C00;}
img { border:0;}

/*.member_login_b {background: url(../images/bg_memberlogin_b.gif); height: 106px; width: 230px; position: relative; margin-bottom:10px;}*/
.member_login_b .panel {position: absolute; top: 35px; left: 0px; border: 0px; padding:0 15px;}
.member_login_b .panel img { margin-bottom:-7px;}

/*.member_login {background: url(../images/bg_memberlogin.gif); height: 106px; width: 230px; position: relative; margin-bottom:10px;}*/
.member_login .user {border-style: none; background-color: #fbfbfb;	height: 14px; font-size: 12px; width: 180px; position: absolute; left: 20px; top: 31px;}
.member_login .password {border-style: none; background-color: #fbfbfb;	height: 14px; font-size: 12px; width: 180px; position: absolute; left: 20px; top: 54px;}
.member_login .forgot {position: absolute; top: 78px; left: 100px; border: 0px;}
.member_login .img {position: absolute; top: 78px; left: 168px; border: 0px;}

.yourcart { background:url(../images/bg_yourcart.gif) repeat-y; margin-bottom:10px; font-size:11px;}
.yourcart .bg { background:url(../images/bg_mid_yourcart.gif) no-repeat; min-height:70px;}
.yourcart .bg span { display:block; border-bottom:1px solid #ccc; margin:2px 10px; padding:0 5px;}

#shippingad {}
#shippingad fieldset { width:48%; border:0px solid #ccc; margin-top:10px; padding:0;}
#shippingad legend { font-size:14px; font-weight:700; color: #0066cc; height:50px;}
#shippingad div { padding:3px 0;}
#shippingad span { display:inline-block; width:122px; vertical-align:top; padding-top:2px;font-size:12px;}




.btn_save{
width:77px;
height:29px;
border: none;
background: transparent url(../images/btn_save.png) no-repeat center;
overflow: hidden;
line-height: 0px;
display:inline;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
}

.btn_back{
width:77px;
height:29px;
border: none;
background: transparent url(../images/btn_back.png) no-repeat center;
overflow: hidden;
line-height: 0px;
display:inline;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
}
